<%@page import="org.apache.commons.lang.StringUtils"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String width = request.getParameter("width");
	String height = request.getParameter("height");
	if (StringUtils.isEmpty(width)) {
		width = "100";
	}
	if (StringUtils.isEmpty(height)) {
		height = "100";
	}
%>
<style>
.showAlert {
	position: absolute;
	width: <%=width%>px;
	height: <%=height%>px;
	background: white;
	border: 1px solid #333;
	padding: 6px;
	display: none;
	z-index: 10000000;
	margin-top: 10px;
	margin-left: 60px;
}

.showAlert p {
	height: 18px;
	line-height: 18px;
}

.ul_commonalert li {
	font-family: "Microsoft YaHei";
	font-size: 12px;
	float: left;
	line-height: 38px;
	display: block;
	padding-left: 20px;
	margin-right: 5px;
}

.showAlertMask {
	position: absolute;
	left: 0;
	top: 0;
	width: <%=width%>px;
	height: <%=height%>px;
	background: #999;
	display: none;
	z-index: 9999998;
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	width: 100%;
	height: 100%;
}
</style>
<script>
	var alertHideTimeout;
	var alertHideTimeoutSec = 20;
	var alert_div_mask_interval = setInterval(function() {
		changeAlertMask();
	}, 100);
	function changeAlertMask() {
		var width = $(window).width();
		var height = $(window).height();
		$("#common_alert_div_mask").css("width", width).css("height", height);
	}

	function resetAlertDivTop() {
		var top = document.documentElement.scrollTop;
		$("#common_alert_div_mask").css("top", top);
	}

	setInterval(function() {
		resetAlertDivTop();
	}, 20);
</script>
<div class="showAlert" id="common_alert_div"></div>
<div class="showAlertMask" id="common_alert_div_mask"></div>